<template>
	<view class="container">
		<view class="contents">
			<image src="../../static/successful/successful.png" class="img"></image>
			<view class="successful">
				购买成功
			</view>
			<view class="successful-footer">
				将于<text>2021年03月15日</text>开始计算收益
			</view>
		</view>
		<view class="btns" style="margin-top: 30rpx;">
			<button class="cu-btn lines-gray" style="color: #999999;">再去逛逛</button>
			<button class="cu-btn lines-blue">查看我的资产</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	/* #ifndef MP-WEIXIN */
	.container {
		height: calc(100vh - 90rpx);
		background-color: #FFFFFF;
	}

	/* #endif */
	/* #ifdef MP-WEIXIN */
	.container {
		height: 100vh;
		background-color: #FFFFFF;
	}
	/* #endif */
	.contents{
		width: 100%;
		height: 40vh;
		text-align: center;
		.img{
			width: 200rpx;
			height: 200rpx;
			margin-top: 15vh;
		}
		.successful{
			font-size: 40rpx;
			font-weight: bold;
			margin-top: 20rpx;
		}
		.successful-footer{
			margin-top: 20rpx;
			font-size: 32rpx;
			color: #999999;
			text{
				color: #3476f1;
			}
		}
	}
	.btns{
		width: 100%;
		height: 60rpx;
		display: flex;
		justify-content: space-evenly;
		button{
			width: 40%;
			height: 90rpx;
		}
	}
	
</style>
